<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="Utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
	<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/earlyaccess/jejugothic.css">
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Roboto:400,300,500,700&amp;subset=latin,latin-ext">
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Montserrat:400,700">
    <link rel="stylesheet" type="text/css" href="<c:url value='/resources/assets/libraries/Font-Awesome/css/font-awesome.min.css'/>">
    <link rel="stylesheet" type="text/css" href="<c:url value='/resources/assets/libraries/bootstrap-select/dist/css/bootstrap-select.min.css'/>">
    <link rel="stylesheet" type="text/css" href="<c:url value='/resources/assets/libraries/bootstrap-fileinput/css/fileinput.min.css'/>">
    <link rel="stylesheet" type="text/css" href="<c:url value='/resources/assets/libraries/nvd3/nv.d3.min.css'/>">
    <link rel="stylesheet" type="text/css" href="<c:url value='/resources/assets/libraries/OwlCarousel/owl-carousel/owl.carousel.css'/>">
    <link rel="stylesheet" type="text/css" href="<c:url value='/resources/assets/css/realsite.css'/>">
    <!-- 
    <c:url value='/resources/js/jquery-1.11.1.min.js'/> -->



    <title>    Agent Detail
 | Realsite</title>
 
 
</head>

<body>

<div class="page-wrapper">
<%@ include file="../include/header.jsp" %>
<!-- =============================헤더====================================== -->


<div class="main">

        <div class="container">
            <div class="row">
 
 <form method="post" action="<c:url value='/activity/add'/>">   
                   
<h1 class="page-header" style="margin-top: 150px">모임 날짜</h1>

<div class="box" style="height: 180px">
    <div class="form-group">
<span>모임 날짜 <input class="form-control" name="actDate" type="date" placeholder="모임 날짜" style="width: 200px; float: right;padding-right: 0px;margin-right: 650px;margin-left: 200px"> </span>
<p><span>모임 시간</span><input class="form-control" name="actDate" type="time" placeholder="모임 시간" style="width: 200px; float: right;padding-right: 0px;margin-right: 650px;margin-left: 200px">

    </div><!-- /.form-group -->

</div><!-- /.box -->





<h1 class="page-header">Activity 모집글</h1>

    <div class="box">
    <div class="form-group">
        <input class="form-control" type="text" placeholder="Title">
    </div><!-- /.form-group -->

    <div class="form-group">
        <textarea class="form-control" placeholder="Property Description"></textarea>
    </div><!-- /.form-group -->
</div><!-- /.box -->






<h1 class="page-header">Activity Infomation</h1>

<div class="box">
    <div class="row">
        <div class="col-sm-6">
            <div class="form-group">
                <select name="property">
                    <option>활동 카테고리</option>
                    <option value="1">식사</option>
                    <option value="2">장보기</option>
                    <option value="3">이사</option>
                    <option value="4">활동/놀이</option>
                    <option value="5">나눔</option>
                    <option value="6">스터디</option>
                    <option value="7">기타</option>                     
                </select>
            </div><!-- /.form-group -->
            
            
            <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-users"></i></span>
                <input class="form-control" type="text" placeholder="최대 인원">
            </div><!-- /.form-group -->


        </div><!-- /.col-* -->

        <div class="col-sm-6">
           
            <div class="form-group">
                <select name="property">
                    <option>활동 지역</option>
                    <option value="1">강남/삼성/도곡</option>
                    <option value="2">강서/목동</option>
                    <option value="3">건대/뚝섬/왕십리</option>
                    <option value="4">광화문/종로/시청</option>
                    <option value="5">노원/도봉</option>
                    <option value="6">서초/반포/양재</option>
                    <option value="7">성북/대학로/동대문</option>                     
                    <option value="8">신림/사당/낙성대</option>    
                    <option value="9">신사/청담/압구정</option>    
                    <option value="10">여의도/영등포/구로</option>    
                    <option value="11">잠실/송파/강동</option>    
                    <option value="12">한남/용산/이태원</option>    
                    <option value="13">홍대/마포/은평</option>
                </select>
            </div><!-- /.form-group -->



        </div><!-- /.col-* -->
    </div><!-- /.row -->
</div><!-- /.box -->






<div class="row">
    <div class="col-sm-12">
        <h2 class="page-header">Activity Location</h2>

        <div class="box">
            <input id="pac-input" class="controls" type="text" placeholder="Enter a location">

            <div id="map-canvas"></div>

            <div class="row">
                <div class="col-sm-6">
                    <div class="input-group">
                        <span class="input-group-addon"><i class="fa fa-map-marker"></i></span>
                        <input class="form-control" type="text" placeholder="Latitude">
                    </div><!-- /.form-group -->
                </div><!-- /.col-* -->

                <div class="col-sm-6">
                    <div class="input-group">
                        <span class="input-group-addon"><i class="fa fa-map-marker"></i></span>
                        <input class="form-control" type="text" placeholder="Lontgitude">
                    </div><!-- /.form-group -->
                </div><!-- /.col-* -->
            </div><!-- /.row -->
        </div><!-- /.box -->
    </div>

    <div class="col-sm-12">
        <h2 class="page-header">Activity Main Picture</h2>

        <div class="box">
            <input type="file" id="input-file">
        </div><!-- /.box -->
    </div>
</div><!-- /.row -->






<div class="center">
    <button class="btn btn-xl">Submit Activity</button>
</div><!-- /.center -->
                
                <div>　</div>
                
                
                
                
                
   </form>              


            </div><!-- /.row -->
        </div><!-- /.container -->

  









</div><!-- /main -->









<!-- ==============================풋터===================================== -->    
<%@ include file="../include/footer.jsp" %>

                        
            </div><!-- /.page-wrapper-->


<script type="text/javascript" src="<c:url value='/resources/assets/js/jquery.js'/>"></script>
<script type="text/javascript" src="<c:url value='/resources/assets/libraries/jquery-transit/jquery.transit.js'/>"></script>

<script type="text/javascript" src="<c:url value='/resources/assets/libraries/bootstrap/assets/javascripts/bootstrap/dropdown.js'/>"></script>
<script type="text/javascript" src="<c:url value='/resources/assets/libraries/bootstrap/assets/javascripts/bootstrap/collapse.js'/>"></script>
<script type="text/javascript" src="<c:url value='/resources/assets/libraries/bootstrap-select/dist/js/bootstrap-select.min.js'/>"></script>
<script type="text/javascript" src="<c:url value='/resources/assets/libraries/bootstrap-fileinput/js/fileinput.min.js'/>"></script>

<script type="text/javascript" src="<c:url value='/resources/assets/libraries/autosize/jquery.autosize.js'/>"></script>
<script type="text/javascript" src="<c:url value='/resources/assets/libraries/isotope/dist/isotope.pkgd.min.js'/>"></script>
<script type="text/javascript" src="<c:url value='/resources/assets/libraries/OwlCarousel/owl-carousel/owl.carousel.min.js'/>"></script>
<script type="text/javascript" src="<c:url value='/resources/assets/libraries/jquery.scrollTo/jquery.scrollTo.min.js'/>"></script>

<script src="http://maps.googleapis.com/maps/api/js?libraries=weather,geometry,visualization,places,drawing&amp;sensor=false" type="text/javascript"></script>
<script type="text/javascript" src="<c:url value='/resources/assets/libraries/jquery-google-map/infobox.js'/>"></script>
<script type="text/javascript" src="<c:url value='/resources/assets/libraries/jquery-google-map/markerclusterer.js'/>"></script>
<script type="text/javascript" src="<c:url value='/resources/assets/libraries/jquery-google-map/jquery-google-map.js'/>"></script>

<script type="text/javascript" src="<c:url value='/resources/assets/libraries/nvd3/lib/d3.v3.js'/>"></script>
<script type="text/javascript" src="<c:url value='/resources/assets/libraries/nvd3/lib/d3.v3.js'/>"></script>
<script type="text/javascript" src="<c:url value='/resources/assets/libraries/nvd3/nv.d3.min.js'/>"></script>

<script type="text/javascript" src="<c:url value='/resources/assets/js/realsite.js'/>"></script>
<script type="text/javascript" src="<c:url value='/resources/assets/js/charts.js'/>"></script>
<script type="text/javascript" src="<c:url value='/resources/assets/js/map.js'/>"></script>


<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-39841036-7', 'auto');
  ga('send', 'pageview');

</script>

 
</body>
</html>